数组(各种业务场景处理) | 您所在的位置:网站首页 › php 合并数组去重复 › 数组(各种业务场景处理) |
一、flat数组扁平化方法
let arr = [1,2,[3,[4,[5]]]]
const reasut = arr.flat()
console.log(reasut)
// [1, 2, 3, [4,[5]]]
二、获取数组元素的下标
function getArrayIndex(arr, obj) {//获取数组元素的下标
var i = arr.length
while (i--) {
if (arr[i] === obj) {
return i
}
}
return -1
}
三、合并数组对象中重复数据
方式一
// 源数据
var oldData = [
{
city_id: 1,
city_name: '北京',
city_img: "http://dfknbdjknvkjsfnvlkjdn.png",
city_country: "中国"
},
{
city_id: 2,
city_name: '上海',
city_img: "http://wergerbe.png",
city_country: "中国"
},
{
city_id: 3,
city_name: '广州',
city_img: "http://hrthhr.png",
city_country: "中国"
},
{
city_id: 4,
city_name: '西雅图',
city_img: "http://frevfd.png",
city_country: "美国"
},
{
city_id: 5,
city_name: '纽约',
city_img: "http://反而个.png",
city_country: "美国"
}
]
// 把源数据先变成目标数据的规则
var oldDataRule = []
oldData.forEach(el => {
var oldObj = {
name: el.city_country,
list:[]
}
var cityObj = {
city_name: el.city_name,
city_img: el.city_img,
city_id: el.city_id
}
oldObj.list.push(cityObj)
oldDataRule.push(oldObj)
})
/**
* 先去重,后合并
* 1、源数据去重
* 2、把去重后的数据和源数据中相同name的数据合并list
*/
var newData = []
var newObj = {}
oldDataRule.forEach((el, i) => {
if (!newObj[el.name]) {
newData.push(el);
newObj[el.name] = true;
} else {
newData.forEach(el => {
if (el.name === oldDataRule[i].name) {
el.list = el.list.concat(oldDataRule[i].list);
// el.list = [...el.list, ...oldDataRule[i].list]; // es6语法
}
})
}
})
console.log(newData); // 目标数据
方式二
var oldDataRule = []
var newData = []
oldData.forEach( item =>{
oldDataRule [item.city_country] = oldDataRule [item.city_country] || [];
oldDataRule [item.city_country].push(item);
})
for (let key in oldDataRule ) {
let obj = {}
obj.name = key
obj.list =oldDataRule[key]
newData.push(obj)
}
console.log(newData)
四、数组去重(json对象数组去重)
两个数组 let tempArr = [] globalDeprtmentPerson.forEach(item => { if (arrs.indexOf(item.UserId) === -1) { tempArr.push(item) } })同一个数组 var arr = JSON.parse(JSON.stringify(globalDeprtmentPerson)) for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length;) { if (arr[i].UserId == arr[j].UserId) { arr.splice(j, 1); } else j++; } }方式一、定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。 ··· function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repeat = false; for (let j = 0; j < newArr.length; j++) { if (arr[i] === newArr[j]) { repeat = true; break; }else{ } } if (!repeat) { newArr.push(arr[i]); } } return newArr; } console.log(unique([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]··· 方式二、先将原数组排序,在与相邻的进行比较,如果不同则存入新数组 function unique2(arr) { var formArr = arr.sort() var newArr=[formArr[0]] for (let i = 1; i < formArr.length; i++) { if (formArr[i]!==formArr[i-1]) { newArr.push(formArr[i]) } } return newArr } console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 4,5, 6, 7]方式三、利用对象属性存在的特性,如果没有该属性则存入新数组 function unique3(arr) { var obj={} var newArr=[] for (let i = 0; i < arr.length; i++) { if (!obj[arr[i]]) { obj[arr[i]] = 1 newArr.push(arr[i]) } } return newArr } console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式四、利用数组的indexOf下标属性来查询 function unique4(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i])===-1) { newArr.push(arr[i]) } } return newArr } console.log(unique4([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式五、利用数组原型对象上的includes方法 function unique5(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (!newArr.includes(arr[i])) { newArr.push(arr[i]) } } return newArr } console.log(unique5([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式六、利用数组原型对象上的 filter 和 includes方法 function unique6(arr) { var newArr = [] newArr = arr.filter(function (item) { return newArr.includes(item) ? '' : newArr.push(item) }) return newArr } console.log(unique6([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式七、利用数组原型对象上的 forEach 和 includes方法 function unique7(arr) { var newArr = [] array.forEach(item => { return newArr.includes(item) ? '' : newArr.push(item) }); return newArr } console.log(unique7([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式八、利用数组原型对象上的 splice 方法 function unique8(arr) { var i,j,len = arr.length; for (i = 0; i < len; i++) { for (j = i + 1; j < len; j++) { if (arr[i] == arr[j]) { arr.splice(j, 1); len--; j--; } } } return arr; } console.log(unique8([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));方式九、利用数组原型对象上的 lastIndexOf 方法 function unique9(arr) { var res = []; for (var i = 0; i < arr.length; i++) { res.lastIndexOf(arr[i]) !== -1 ? '' : res.push(arr[i]); } return res; } console.log(unique9([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4]方式十、利用 ES6的set 方法 function unique10(arr) { //Set数据结构,它类似于数组,其成员的值都是唯一的 return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组 } console.log(unique10([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4])); // 结果是[1, 2, 3, 5, 6, 7, 4] 五、递归树根据子节点获取所有父节点 const searchParent = (map: string | any[], key: any) => { let t = [] for (let i = 0; i < map.length; i++) { const e = map[i] if (e.key === key) { //若查询到对应的节点,则直接返回 t.push(e) break } else if (e.children && e.children.length !== 0) { //判断是否还有子节点,若有对子节点进行循环调用 let p: any = searchParent(e.children, key) //若p的长度不为0,则说明子节点在该节点的children内,记录此节点,并终止循环 if (p.length !== 0) { p.unshift(e) t = p break } } } return t } |
CopyRight 2018-2019 实验室设备网 版权所有 |